@charset "utf8";

/*
This is LoNote personal note-taking software 2.X Series Default CSS.

CSS Name:   default
Version:    2.0
Creator:    Civa Lin<larina.wf@gmail.com>

Description:
    This default css include all navigating menu operating mechanism and
a layout. NOT Include anything seting about user's article area.
    Non-geek user should *NOT* modify this file, or (maybe) you will destory
the sidebar navigating menu. But you still can try...

*/




/* -----------------------------
   Basic Setting
   ----------------------------- */




body {
    background-color: #EEEEEE;
    /*text-autospace: ideograph-alpha;*/

    /* 頁面文字的預設標準字型 */
    /* font-family: "Georgia", "Times New Roman", "Droid Sans", sans-serif; */
}

header {
    /*禁止選擇*/
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none;

    margin-left: 50px;
    padding-left: 30px;
    padding-right: 30px;

    font-family: "Keter YG", "Century Schoolbook L", "DejaVu Serif", "Times New Roman", "Droid Sans", serif;

    text-shadow: 0.2em 0.1em 0.2em #AAA;

    /* text-transform: capitalize; */
    /* text-decoration: underline; */

    /*letter-spacing: 0.06em;*/
}

header .note_title {
    display: inline-block;
    font-variant: small-caps;
    margin-bottom: 0;
    line-height: 1em;
}

header .parent_title {
    text-align: right;
    margin-top: 0;
    opacity: 0.5;

    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

header .parent_title:hover {
    opacity: 1;

    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

header a {
    text-decoration: none;
    color: #000;    
}

header img.icon {
    width: 24px;
    vertical-align: middle;
}

footer {
    /* 禁止選擇 */
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none;

    text-align: center;
    font-size: 0.7em;
    font-family: "Comic Sans MS", cursive;

    opacity: 0.5;
}




/* -----------------------------
   Article Setting

       * Configure article default layout
       * Only for outside of of border (inside of border see article.css)
   ----------------------------- */




#main_content {
    /* 移除可編輯區域的邊框 */
    outline: 0px solid transparent;

    border: 1px solid #DDDDDD;
    border-radius: 3px;
    margin: 15px;
    margin-left: 50px;
}




/* -----------------------------
   Side Bar Setting

       * Include navigate menu function
   ----------------------------- */




#sidebar li, #sidebar ul {
    position: relative;
    width: 200px; /*設定選項寬度 160 也不錯*/
    margin: 0px;  /*設定各元件之間的基本距離，雖是 0 但還是有一些空間*/
    padding: 0px; /*清掉各元件內部的空間*/
    list-style: none; /*清掉前面的符號*/

}

/*對根的微調，把根縮短*/
#sidebar ul.menuroot > li, #sidebar ul.menuroot{
    width: 100%;
}

#sidebar ul.menuroot ul {
    position: absolute;
    /*調整相對位置*/
    top: 0%;
    left: 100%;
    z-index: 999;
    /*轉場動畫*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*設定基礎連結樣式*/

#sidebar a{
    display: block;
    overflow: auto;
    /*邊框與外型*/
    border-bottom: 1px solid #FFF; /*相鄰處留下小白邊*/
    border-left: 1px solid #FFF;
    padding: 6px; /*內側邊緣留白*/
    /*文字色彩與樣式控制*/
    background: #BBB;
    color: #444;
    font: 12px "Arial", "Droid Sans", sans-serif;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    word-wrap:break-word; /* 避免文字太長爆格用的 */
}

/*被選中的超連結的所有父連結*/
#sidebar li:hover > a{
    color: black;
    background-color: #DDD;
    /*box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;*/
}

/*被選中的超連結*/
#sidebar a:hover{
    font-weight: bold;
    text-shadow: #AAA 2px 2px 3px;
}

/*被選中的下層所有超連結*/
/*
aside#sidebar ul.menuroot li:hover > ul:not(:hover) a{
    opacity: 0.5;
}
*/

/*被選中的下層所有ul容器*/
/*
aside#sidebar ul.menuroot li:hover > ul:not(:hover){
}
*/

/*被選中的ul往左靠*/
#sidebar ul.menuroot ul:hover {
    left: 120px;
    /*top: 3px;*/ /*往上靠*/
}

/*滑鼠滑過後跳出選單*/
#sidebar li:hover > ul{
    visibility: visible;
    opacity: 1;
}

/* 同上但改用 javascript 控制 */
/*
#sidebar ul.menuroot ul.sidebar-menu-show {
    visibility: visible;
    opacity: 1;
}
*/

/*替path與target著色*/
#sidebar a:hover.path, #sidebar a:not(:hover).path {
    background: tan;
}

#sidebar a:hover.target, #sidebar a:not(:hover).target {
    background: lightsalmon;
}

/*sidebar設定*/

#sidebar {
    position: fixed;
    overflow: visible;
    width: 160px;
    top: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    /*禁止選擇*/
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none;
    /*未hover*/
    left: -120px;
    opacity: 0.2;
}

#sidebar:hover {
    left: 0px; /* 讓 sidebar 顯露出來。不過滑來滑去，稍微有點不順手 */
    opacity: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

/*sidebar 中的水平線*/
#sidebar hr {
    border: 0;
    height: 1px;
    background-color: burlywood;
}

/*選單中有時會出現的右側圖示與訊息*/

#sidebar span.notify {
    position: absolute;
    float: right;
    text-align: right;
    bottom: 3px;
    right: 6px;
}

#sidebar img.icon {
    /*position: absolute;
    bottom: 3px;
    right: 6px;*/
    float: right;
    text-align: right;
    width: 22px;
}

#sidebar span.notify-small {
    float: right;
    text-align: right;
}

#sidebar span.notify-small img.icon {
    width: 14px;
}

/*執行指令時，和按鈕放在一起的小文字*/
#sidebar span.response_notify {
    float: right
    text-align: right;
}

/* 讓 resource_list 允許在任意位置斷行，因為檔名基本上是沒空格的…… */
#sidebar a.resource_link {
    word-break: break-all; /* chrome 尚不支援 */
}




/* -----------------------------
   Heading Scroll Panel Setting
   ----------------------------- */




#heading_list {
    /* 禁止選擇 */
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none;

    font-size: 0.75em;
}

#heading_list ol {
    padding-left: 1em;
}

#heading_list > ol {
    margin-left: 1em;
}

#heading_list li.heading_item {
    line-height: 1.2em;
    cursor: pointer;
}

#heading_list li.heading_item:hover {
    background-color: white;
}

#heading_list li.heading_level_1 { font-size: 130%; font-weight: bold; font-style: italic; }
#heading_list li.heading_level_2 { font-size: 115%; font-weight: bold; }
#heading_list li.heading_level_3 { font-size: 110%; font-style: italic; }
#heading_list li.heading_level_4 { font-size: 100%;  }
#heading_list li.heading_level_5 { font-size: 90%; }
#heading_list li.heading_level_6 { font-size: 85%; }

/*
#heading_list li:before {
    counter-increment: item;
    content: counter(item) ".";
}
*/
